<template>
  <section class="bg-white lg:pt-20 lg:pb-14 py-9 text-center">
    <div class="lg:text-3xl text-xl font-bold">
      风险清单是安全预防的第一道防线
    </div>
    <div class="lg:text-lg text-sm text-gray-66 lg:mt-4 mt-2 px-3">
      根据风险发生的可能性和严重性，列出每一个管理、环境、设施、人员操作中可能发生的事故，制定管控措施。
    </div>
    <div
      class="
        lg:mt-14
        mt-4
        container
        mx-auto
        flex
        lg:flex-row
        flex-col-reverse
        items-end
        lg:space-x-12 lg:px-0
        px-4
      "
    >
      <ul class="text-left">
        <li class="lg:mt-12 mt-4" v-for="item in list" :key="item.title">
          <div class="lg:text-lg text-base">{{ item.title }}</div>
          <div class="lg:text-sm text-xs leading-6 text-gray-66 mt-1">
            {{ item.subtitle }}
          </div>
        </li>
      </ul>
      <div class="lg:w-[574px] flex-shrink-0 w-full">
        <el-carousel
          class="lg:block hidden"
          indicator-position="outside"
          :autoplay="false"
        >
          <el-carousel-item v-for="item in 3" :key="item">
            <img src="@/assets/img/kid5.png" class="w-full" alt="" />
          </el-carousel-item>
        </el-carousel>
      </div>
    </div>
    <info-btn class="lg:flex hidden" @click.native="$store.commit('SQ')"
      >免费获取方案</info-btn
    >
  </section>
</template>

<script>
export default {
  data() {
    return {
      list: [
        {
          title: "危险源辨识",
          subtitle:
            "安全团队采用SCL安全检查表法，对人、物、环境、管理等4大因素进行危险源辨识。",
        },
        {
          title: "风险评级",
          subtitle:
            "通过系统内置的LC和LEC方法进行定量评价，划分等级，包括重大风险（红色）、较大风险（橙色）、一般风险（黄色）、低风险（蓝色）。",
        },
        {
          title: "风险管控",
          subtitle:
            "根据风险辨识和分级情况，编写《安全风险分级管控措施清单》，内容包括风险点、所在位置、风险等级、检查项、危险源或潜在事件、事故后果、管理措施等。",
        },
        {
          title: "岗位落实",
          subtitle: "依据风险管控措施清单，明确管控岗位和责任人。",
        },
      ],
    };
  },
};
</script>
